/*
* 1. animation > pop 테스트
*/
Ext.setup({
	tabletStartupScreen:"./tabletStartupScreen.png",
	phoneStartupScreen:"./phoneStartupScreen.png",
	tabletIcon:"./tabletIcon.png",
	phoneIcon:"./phoneIcon.png",
	glossOnIcon: true,
	statusBarStyle:"black",
	fullscreen:true,
	preloadImages:[],
	scope:this,
	onReady: function() {
		var panel = new Ext.Panel({
			fullscreen:true,
			layout:"card",
			dockedItems: [ {
				xtype: 'toolbar',
				dock : 'top',
				ui: 'light',
				title: 'Animation > Pop Test',
			}, {
				xtype: 'toolbar',
				dock: 'top',
				ui: 'light',
				defaults: {
					handler:function(btn, e) {
						panel.setActiveItem(Number(btn.value),{
							type:"pop",
							duration:3000
						});
					}
				},
				items: [{
					text: "1 card",
					value:0
				}, {
					text: "2 card",
					value:1
				}, {
					text: "3 card",
					value:2
				}, {
					text: "4 card",
					value:3
				}]
			} ],
			defaults:{ },
			items: [ {
				title: 'Carad 1',
				html : '1',
				cls  : 'card card1'
			}, {
				title: 'Card 2',
				html : '2',
				cls  : 'card card2'
			}, {
				title: 'Card 3',
				html : '3',
				cls  : 'card card3'
			}, {
				title: 'Card 4',
				html : '4',
				cls  : 'card card4'
			} ]
		});
	}
});